<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" th:href="@{./css/structure.css}">
		<script th:src="@{js/jquery-1.11.3.js}"></script>
		<script th:src="@{js/content.js}"></script>
	</head>
	<body>
		<div class="header">
		    <div class="logo">高校电子投票系统用户个人中心 </div>
		    <ul class="h_right">
		       <span th:text="|欢迎您,${auser}同学|"style="float: left">欢迎您，小强同学</span>
		        <div>
		            <a href="javascript:;" class="xx">消息</a>
		            <span class="number">4</span>
		            <ul class="xiaoxi">
		                <li><a href="javascript:;">系统消息名称系统消息名称</a> <span>03-26 14:54:05</span></li>
		                <li><a href="javascript:;">系统消息名称系统消息名称</a> <span>03-26 14:54:05</span></li>
		                <li><a href="javascript:;">系统消息名称系统消息名称</a> <span>03-26 14:54:05</span></li>
		                <li><a href="javascript:;">系统消息名称系统消息名称</a> <span>03-26 14:54:05</span></li>
		            </ul>
		        </div>
		        <div>
		           <a href="Index">退出</a>
		       </div>
		    </ul>
		</div>
		<!--content-->
				<div class="content">
				<ul class="nav">
				    <li></li>
				    <li id="0" class="0"><a href="javascript:;">个人信息</a>
				        <div class="hover">个人信息</div>
				    </li>
				    <li id="1" class="1"><a href="javascript:;">反馈信息</a>
				        <div class="hover">反馈信息</div>
				    </li>

				    <div class="n_button"></div>
				</ul>
	<div class="box">
		<div class="nav_v">
		    <div>个人信息</div>
		    <div><a href="userinfo">个人信息</a></div>
		    <div><a href="userpassword" data-id="password" >修改密码</a></div>
		</div>
		<div class="nav_v">
		    <div>反馈管理</div>
		    <div><a href="javascript:;">意见信息</a></div>
		</div>

		<div class="b_button"></div>
	</div>
			<div class="inner"> </div>

		</div>
		
		<script type="text/javascript">
		
		function password(){
			(".nav_v").on("click" "a",function(){
				var sId = this.data("id");
				window.location.hash = sId;
				loadInner(sId);
			});
			function loadInner(sId){
			    var sId = window.location.hash;
			    var pathn, i;
			    switch(sId){
			      case "#password": pathn = "./user/password"; i = 1; break;
			　　　　　　 default: pathn = "user"; i = 0; break;
			    }
			    $("#inner").load(pathn); //加载相对应的内容
			    $(".nav_v a").eq(i).addClass("content").siblings().removeClass("content"); //当前列表高亮
			  }
			  var sId = window.location.hash;
			  loadInner(sId);
			});
		}
		
		</script>
	</body>
</html>
